@CHARSET "UTF-8";
@font-face {
  font-family: disposabledroid;
  src: url(../fonts/disposabledroid-bb.regular.ttf);
}
body {
  margin: 0 0 0 0;
  padding: 0;
  background-color: #b3b3b3;
  font-family: Helvetica, Arial, Sans-Serif;
}
body #container {
  max-width: 1100px;
  margin: 0 auto;
  overflow: auto;
}
body #container header {
  background-color: #333333;
  height: 80px;
}
body #container header .logo {
  width: 600px;
  margin: 0 auto;
  color: white;
  text-align: center;
}
body #container header .logo h1 {
  margin: -10px 0 0 0;
  font-size: 3.7em;
  padding-top: 10px;
}
body #container header .logo h3 {
  margin: -15px 0 0 0;
  color: #b7a457;
}
body #container #content .menu_holder {
  background-image: url("../img/big_picture1.jpg");
  background-position: -50px -45px;
  height: 400px;
}
body #container #content .menu_holder .headline {
  position: absolute;
  color: white;
  top: 230px;
  margin-left: 20px;
}
body #container #content .menu_holder .headline h1 {
  font-size: 2.8em;
}
body #container #content .menu_holder .headline h3 {
  color: #b7a457;
  margin-top: -60px;
}
body #container #content .menu_holder .headline .button {
  font-size: 2em;
  font-weight: bold;
}
body #container #content .menu_holder .menu {
  float: right;
  background-color: #333333;
  padding: 0.15em;
  font-size: 1.3em;
}
body #container #content .menu_holder .menu li {
  margin-left: 1.1em;
  margin-right: 1.1em;
}
body #container #content .menu_holder .menu li a {
  text-decoration: none;
  color: white;
}
body #container #content .menu_holder .menu li a:hover {
  color: #b7a457;
}

 body #container #content .menu_holder .menu li a.active {
              color: #b7a457; }

body #container #content .articles {
  background-color: #333333;
  overflow: auto;
  padding: 1%;
}
body #container #content .articles .column {
  width: 49.5%;
}
body #container #content .articles .column h3 {
  margin: 0 0 0 0;
  color: white;
}
body #container #content .articles .column hr {
  border: 0;
  border-top: 1px solid #b7a457;
  margin-top: 0;
}
body #container #content .articles .column .box, body #container #content .articles .column .bigbox {
  background-color: #4d4d4d;
  margin-top: 10px;
  width: 100%;
  height: 80px;
}
body #container #content .articles .column .box:hover, body #container #content .articles .column .bigbox:hover {
  background-color: #5e5e5e;
}
body #container #content .articles .column .bigbox {
  height: 440px;
}
body #container footer {
  background-color: #b7a457;
  padding: 15px;
  color: white;
  clear : both;
}
body #container footer .links {
  text-align: center;
}
body #container footer .links a {
  text-decoration: none;
  color: white;
}

.button {
  background-color: #b7a457;
  padding: 6px;
  padding-bottom: 1px;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
  font-family: disposabledroid;
}
.button:hover {
  background-color: #c9bb82;
}

.player_card img {
  display: block-inline;
  height: 60px;
  margin-top: 10px;
  margin-left: 10px;
}
.player_card .player_name {
  display: block;
  color: white;
  font-size: 1.3em;
  margin-top: -2.2em;
  margin-left: 80px;
}
.player_card .player_name .points {
  color: #b7a457;
  margin-right: 5px;
}
.player_card .player_name .points::after {
  content: " pts.";
}

body #container #content .menu_holder .menu li {
	float : left;
	list-style-type : none;
}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
	float : center;
}

.eightbit {
  font-size: 1.5em;
  font-family: disposabledroid;
}

.articles ol {
  font-size: 2em;
  color: white;
  text-align : center;  }
.articles #heading {
	font-family: disposabledroid;
	font-size : 3em;
	color: white;
	text-align : center;
}
.articles .player_row {
	margin : 0 10%;
  list-style-type: decimal;
  text-align : center; }
  .articles .player_row .avatar {
    display: block-inline;
    height: 40px;
    width: 40px;
    margin-left: 1em; }
    .articles .player_row .player_nameh {
    margin-left: 1em; }
    .articles .player_row .player_scoreh{
    margin-left: 1em; }
.articles #menu_hs {
	width : 80%;
	margin : 0 auto;
	height : 50px;
	border : 1px solid white;
	border-radius : 20px;
}
	.articles #menu_hs a {
		text-decoration: none;
		color : white;
		font-size : 1.2em;
		margin: 20% 1em;
	}
	.articles #chpcontainer {
		text-align : center;
		width : 80%;
		height : 300px;
		margin : 0 auto;
	}
	
	.articles #chpcontainer input {
		border-radius : 20px;
		height:40px;
		margin : 10px;
		width:60%;
		text-align : center;
		font-size : 1.5em;
	}
	
	.articles #chpcontainer #chpbutton {
		background-color: black;
		color : white;
	}

  .articles #chpcontainer #chpbutton:hover{
    background-color: #c9bb82;
  }
  